/* default-theme.css (c) 2007-2012 by iUI Project Members, see LICENSE.txt for license */
body {
    color: #000000;
}

li > a[selected], li > a:active {
    background-image: url(listArrowSel.png), url(selection.png) !important;
}

li > a[selected="progress"] {
    background-image: url(loading.gif), url(selection.png) !important;
}

/************************************************************************************************/

body > .toolbar {
    background: url(toolbar.png) #6d84a2 repeat-x;
}

.button {
    -webkit-border-image: url(toolButton.png) 0 5 0 5;
    -moz-border-image: url(toolButton.png) 0 5 0 5;
}

.blueButton {
    -webkit-border-image: url(blueButton.png) 0 5 0 5;
    -moz-border-image: url(blueButton.png) 0 5 0 5;
}

#backButton {
    -webkit-border-image: url(backButtonBrdr.png) 0 8 0 14;
    -moz-border-image: url(backButtonBrdr.png) 0 8 0 14;
    background: url(backButtonBack.png) repeat-x;
}

#backButton:active {
    -webkit-border-image: url(backButtonSel.png) 0 8 0 14;
    -moz-border-image: url(backButtonSel.png) 0 8 0 14;
    background: url(backButtonSel.png) repeat-x;
}

.whiteButton {
    -webkit-border-image: url(whiteButton.png) 0 12 0 12;
    -moz-border-image: url(whiteButton.png) 0 12 0 12;
    text-shadow: rgba(255, 255, 255, 0.7) 0 1px 0;
}

.redButton {
    -webkit-border-image: url(redButton.png) 0 12 0 12;
    -moz-border-image: url(redButton.png) 0 12 0 12;
}

.grayButton {
    -webkit-border-image: url(grayButton.png) 0 12 0 12;
    -moz-border-image: url(grayButton.png) 0 12 0 12;
    color: #FFFFFF;
}

/************************************************************************************************/

body > ul > li,
body > .panel > ul > li {
    box-sizing: 		border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: 	border-box;
	min-height:		1em;
	list-style:		none;
    padding:		12px 10px;
	text-align:		left;
}
body > ul > li.group,
body > .panel > ul > li.group {
	min-height:		1em;
    padding: 		0px 10px!important;
    font-size:		14px;
    font-weight: 	bold;
    text-shadow:	rgba(0,0,0,.8) 0 1px 1px;
    color:			#fff;
	opacity:		0.8;
    background: 	url(listGroup.png) repeat-x;
    text-align:		left;
}
body > .panel > ul > li.group {
    padding: 		4px 10px!important;
}
body > .panel > ul > li:first-child > a,
body > .panel > ul > li.group:first-child {
	-webkit-border-top-left-radius: 	10px;
	-webkit-border-top-right-radius:	10px;
	-moz-border-radius-topleft: 		10px;
	-moz-border-radius-topright: 		10px;
	border-top-left-radius: 		10px;
	border-top-right-radius:		10px;
}
body > .panel > ul > li:last-child > a,
body > .panel > ul > li.group:last-child {
	-webkit-border-bottom-left-radius: 	10px;
	-webkit-border-bottom-right-radius:	10px;
	-moz-border-radius-bottomleft: 		10px;
	-moz-border-radius-bottomright: 	10px;
	border-bottom-left-radius: 		10px;
	border-bottom-right-radius:		10px;
}

body > ul > li > a,
body > .panel > ul > li > a {
    box-sizing: 		border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: 	border-box;
	display:	block;
    margin:		-12px -10px;
    padding:	12px 32px 12px 10px;
    color: 		inherit;
    font-weight:	bold;
    background: #fff url(listArrow.png) no-repeat right center;
    text-decoration:	none;
}

/************************************************************************************************/
    
.dialog > fieldset {
    background: url(toolbar.png) #7388a5 repeat-x;
}

/************************************************************************************************/

body > .panel {
    background: #c8c8c8 url(pinstripes.png);
}

.toggle {
    border: 1px solid #888888;
    background: #FFFFFF url(toggle.png) repeat-x;
}

.toggle[toggled="true"] {
    background: #194fdb url(toggleOn.png) repeat-x;
}

.thumb {
    background: #ffffff url(thumb.png) repeat-x;
}

/************************************************************************************************/
#preloader {
    display: none;
    background-image: url(loading.gif), url(backButtonSel.png), url(selection.png),
        url(blueButton.png), url(listArrowSel.png), url(listArrowSel.png), url(listGroup.png);
}

.toolbar > h1.titleImg {
  background: url(title-img.png) no-repeat top center;
  color: rgba(0,0,0,0);
}

.backButtonImg {
  width: 50px;
  background: url(back-img.png) no-repeat center left,
              url(backButtonBack.png) repeat-x top left !important;
  color: rgba(0,0,0,0);
}